<?php $bodyClass = "personal" ; ?>
<?php require("../frame/frame_head_echo.php"); ?>

<div class="container ppt-12">
	<div class="user-info-wp br-4">
		<a class="ht shuffle-btn" href="#" rel="nofollow">随便听听</a>

		<div class="user-avatar"><img src="../images/page_images/user_2.jpg" class="circle" alt="user-avatar" /></div>
		<h1 class="user-name">用户名</h1>

		<div class="user-info">
			<i class="icon gender-icon female-icon" title="女"></i>
			<span>白羊座</span>
			<span class="location">上海</span>
		</div>

		<div class="user-status cf">
			<div class="voice">
				<b>122</b>
				<span>声音</span>
			</div>
			<div class="follower">
				<b>1682</b>
				<span>被关注</span>
			</div>
			<div class="followed">
				<b>445</b>
				<span>关注的</span>
			</div>
		</div>

		<div class="intro">
			<p>这里是简介, 这里是简介</p>
		</div>

		<a href="#" class="ht btn follow-btn" rel="nofollow">关注</a>
	</div>

	<div class="personal-container">
		<ul class="voices-list cf">
			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_8.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">最爱OST</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_2.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_9.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_4.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_5.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_6.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_1.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_2.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_3.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_4.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_5.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>

			<li>
				<div class="voice-wp">
					<div class="voice-cover">
						<div class="voice-cover-wp">
							<img src="../images/page_images/voice_6.jpg" alt="voice-cover" />
							<div class="mask"></div>
							<i class="icon play-icon"></i>
							<time class="voice-length">3:19</time>
						</div>
						<a href="#" class="btn play-btn"></a>
					</div>
					<h3 class="voice-name"><a href="#">声音名称</a></h3>
					<div class="category"><a href="#">世界音乐</a>频道</div>
					<div class="ui-status cf">
						<small class="share" title="分享数目">372</small>
						<small class="like" title="喜欢数目">76</small>
						<small class="comment" title="评论数目">320</small>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>

<?php require("../frame/frame_foot.php"); ?>